<!DOCTYPE html>
<html>
<head>
	<title>The latest and greatest music player</title>
	<link rel="stylesheet" type="text/css" media="all" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/ui-darkness/jquery-ui.css"/>
	<link rel="stylesheet" type="text/css"   href="style.css" />
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
	<script src="modernizr.js"></script>
	<script src="musicplayer.jquery.js"></script>
</head>
<body>
	<div id="thePlayer"></div><!-- this element will host the player!! -->
	<script type="text/javascript">
		$(document).ready(function(){
			//note: this version assumes a JAvascript array of songs, but
			// the other approach is also acceptable
			var playlist = ["http://93.95.224.133/fgstests/oggs/Flikk_Flakk.mp3",
							"http://93.95.224.133/fgstests/oggs/Flikk_Flakk.ogg",
							"http://93.95.224.133/fgstests/oggs/Love_of_my_live.mp3",
							"http://93.95.224.133/fgstests/oggs/Love_of_my_live.ogg",
							"http://93.95.224.133/fgstests/oggs/Ef_thu_ert_sur.mp3",
							"http://93.95.224.133/fgstests/oggs/Ef_thu_ert_sur.ogg"];
			var playerOptions = {"autoplay": true, "playerTitle": "HTML5 Music Player", "volume":0.3};
			$("#thePlayer").musicPlayer( playlist, playerOptions );
			// Optionally, the function should accept an object containing optional values,
			// such as boolean "autostart" value, i.e. if the player should start playing
			// immediately etc. 		
		});
	</script>
</body>
</html>